<template>
  <RowWrapper>
    新增明细行
    <RowAttribute :span="24" label="触发方式" required :label-width="labelWidth">
      <RelationTypeSelector :relation="relation" v-model="relation.relationType"/>
    </RowAttribute>
  </RowWrapper>
</template>
<script>
import RowWrapper from '@comp/hhd/layout/RowWrapper.vue';
import RowAttribute from '@comp/hhd/layout/RowAttribute.vue';
import {createProps} from '@/utils';
import {createRelation} from '@comp/hhd/design/relation/types';
import {createFormDefinition} from '@comp/hhd/design/FormDesigner/types';
import RelationTypeSelector from '@comp/hhd/design/relation/RelationTypeConfig/RelationTypeSelector.vue';
export default {
  name: 'DetailsRelation',
  components: {
    RelationTypeSelector,
    RowAttribute,
    RowWrapper
  },
  props: {
    labelWidth: createProps(String),
    relation: createProps(Object, createRelation),
    formDefinition: createProps(Object, createFormDefinition),
    relationTargetFormDefinition: createProps(Object, createFormDefinition)
  }

}
</script>